<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1717093_e4kmh8f44k.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 导航栏 -->
    <header class="head">
       <article class="h_box">
           <div class="h_box_r">
                <div class="h_box_r1">
                    <a href="./pages/login.html">登录</a><a href="./pages/register.html">注册</a>

                    <!-- <i class="iconfont icon-touxiang i1"></i>
                    <a>Eternal</a>
                    <i class="iconfont icon-fanhui4 i2"></i>

                    <div id="logindexHeatActive">
                        <ul>
                            <li>我的订单</li>
                            <li>退款/售后</li>
                            <li>我的资产</li>
                            <li>我的收藏</li>
                            <li>地址管理</li>
                            <li>退出登录</li>
                        </ul>
                    </div> -->

                </div>
                <span></span>
                <div class="h_box_r2"><a href="#">帮助中心</a></div>
                <span></span> 
                <div class="h_box_r3"><a href="#"><i class="iconfont icon-31baocundaozhuomian"></i>下载APP</a></div>
                <span></span> 
                <div class="h_box_r4">
                    <a class="box_r4_a" href="#" >资质证照&nbsp;/&nbsp;协议规定<i class="iconfont icon-fanhui4"></i></a>
                    <ul class="h_box_r4_list">
                        <li><a href="#">资质证照</a></li>
                        <li><a href="#">协议规定</a></li>
                    </ul>
                </div>
            </div>
       </article>
    </header>

    <!-- 定位导航 -->
    <section class="flxedbar">
        <ul class="flxedbar_box">
            <li>
                <i class="iconfont icon-kefu"></i>
                <p>联系客服</p>
            </li>
            <li>
                <i class="iconfont icon-saoyisao"></i>
                <p>下载APP</p>
            </li>
            <li>
                <i class="iconfont icon-liwuhuodong"></i>
                <p>新人有礼</p>
            </li>
            <li>
                <i class="iconfont icon-weixin"></i>
                <p>关注微信</p>
            </li>
            <li class="flxedbar_box_last">
                <i class="iconfont icon-31huidaodingbu"></i>
                <p>回到顶部</p>
            </li>
        </ul>
    </section>


    <!-- 搜索框 -->
    <section class="search">
        <div class="search_logo"><img src="https://shop.io.mi-img.com/static/h5/static3/media/logo@2x.cf8cc6a8.png" alt=""></div>
    
        <div class="search_none">
            <div class="search_none_box">
                <span>分类</span>
                <i class="iconfont icon-fanhui4"></i>
            </div>

            <article class="search_list">
                <ul class="search_list_box"> 
                    <li><a href="#">有品推荐</a>&nbsp;/&nbsp;<a href="#">家用电器</a></li>
                    <li><a href="#">智能家庭</a>&nbsp;/&nbsp;<a href="#">电视影音</a></li>
                    <li><a href="#">家具家装</a>&nbsp;/&nbsp;<a href="#">居家餐厨</a></li>
                    <li><a href="#">运动户外</a>&nbsp;/&nbsp;<a href="#">出行车品</a></li>
                    <li><a href="#">手机电脑</a>&nbsp;/&nbsp;<a href="#">数码周边</a></li>
                    <li><a href="#">服装配饰</a>&nbsp;/&nbsp;<a href="#">鞋靴箱包</a></li>
                    <li><a href="#">日用文创</a>&nbsp;/&nbsp;<a href="#">美食酒饮</a></li>
                    <li><a href="#">美妆个护</a>&nbsp;/&nbsp;<a href="#">健康保健</a></li>
                    <li><a href="#">母婴亲子</a>&nbsp;/&nbsp;<a href="#">宠物生活</a></li>
                </ul>
    
                <article class="search_list_active">
                    <!-- <div class="search_listact_box">
                        <p>有品推荐</p>
                        <ul class="clear_fix">
                            <li>
                                <img src="https://img.youpin.mi-img.com/miio_album_pics/e3c2e6ebed890f23ecb93e163dfe322e.png?w=800&h=800" alt="">
                                <span>销量榜单</span>
                            </li>
                        </ul>
                    </div>  -->
                </article>
    
            </article>
        
        </div>

        <div class="search_buy">限时抢购</div>
        <p  id="indexCartBtn"><i class="iconfont icon-cart"></i></p>
        <article class="search_box">
            <i class="iconfont icon-31sousuo"></i>
            <div><input type="text" placeholder="搜一搜" ></div>
        </article>
    </section>

    <!-- 轮播图 -->
    <section class="banner clear_fix">
        <article class="banner_list">
            <ul class="banner_list_box" id="indexListBox"> 
                <li><a href="#">有品推荐</a>&nbsp;/&nbsp;<a href="#">家用电器</a></li>
                <li><a href="#">智能家庭</a>&nbsp;/&nbsp;<a href="#">电视影音</a></li>
                <li><a href="#">家具家装</a>&nbsp;/&nbsp;<a href="#">居家餐厨</a></li>
                <li><a href="#">运动户外</a>&nbsp;/&nbsp;<a href="#">出行车品</a></li>
                <li><a href="#">手机电脑</a>&nbsp;/&nbsp;<a href="#">数码周边</a></li>
                <li><a href="#">服装配饰</a>&nbsp;/&nbsp;<a href="#">鞋靴箱包</a></li>
                <li><a href="#">日用文创</a>&nbsp;/&nbsp;<a href="#">美食酒饮</a></li>
                <li><a href="#">美妆个护</a>&nbsp;/&nbsp;<a href="#">健康保健</a></li>
                <li><a href="#">母婴亲子</a>&nbsp;/&nbsp;<a href="#">宠物生活</a></li>
            </ul>

            <article class="banner_list_active">
                <!-- <div class="banner_listact_box">
                    <p>有品推荐</p>
                    <ul class="clear_fix">
                        <li>
                            <img src="https://img.youpin.mi-img.com/miio_album_pics/e3c2e6ebed890f23ecb93e163dfe322e.png?w=800&h=800" alt="">
                            <span>销量榜单</span>
                        </li>
                    </ul>
                </div> -->
            </article>

        </article>
        <!-- 轮播 -->
        <article class="banner_img">
            <div id="bannerImg">
                <img src="http://localhost/XMYP/src/static/img/banner01.jpg" alt="">
            </div>
            <div class="banner_img_l" id="bannerBtnl"><i class="iconfont icon-fanhui1 "></i></div>
            <div class="banner_img_r" id="bannerBtnr"><i class="iconfont icon-fanhui2"></i></div>
            <div class="banner_img_dump" id="bannerImgDump"><i class="banner_dump_active"></i><i></i></div>
        </article>
    </section>

    <!-- 按钮容器 -->
    <section class="container">
        <ul class="container_box">
            <li><div><img src="https://img.youpin.mi-img.com/jianyu/548747b208d49dc822cce9b021ee163e.png?w=126&h=126" alt=""></div><p>每日新品</p></li>
            <li><div><img src="https://img.youpin.mi-img.com/jianyu/a779963ae37b08742c9a5d6e4be55bdc.png?w=126&h=126" alt=""></div><p>小米众筹</p></li>
            <li><div><img src="https://img.youpin.mi-img.com/jianyu/4126aa196f70ef33b54abd73ad2046a2.png?w=126&h=126" alt=""></div><p>限时抢购</p></li>
            <li><div><img src="https://img.youpin.mi-img.com/jianyu/12f8395494d9cbbc879b59f15262d857.png?w=126&h=126" alt=""></div><p>热销榜单</p></li>
            <li><div><img src="https://img.youpin.mi-img.com/jianyu/007e489051cf6bc0617bae5c39293a90.png?w=126&h=126" alt=""></div><p>小米自营</p></li>
        </ul>
    </section>

    <!-- 小米有品众筹 -->
    <section class="crowdF">
        <h2>小米有品众筹<span>永远好奇&nbsp;&nbsp;永远年轻</span><p>更多<i class="iconfont icon-fanhui2"></i></p></h2>
        <article class="crowdF_main">
            <div class="crowdF_main_intr">
                <div>
                    <p class="crowdF_intr_title">70迈智能电动车</p>
                    <p class="crowdF_intr_in">6.86英寸智能中控、小爱同学语音</p>
                    <p class="crowdF_intr_spa">
                        <span class="cisl">￥</span>
                        <span class="cism">2999</span>
                        <span class="cisr">起</span>
                    </p>
                </div>
                <img src="https://img.youpin.mi-img.com/shopmain/a00684ea352bf46bfb24ea9ca5af8aec.png?w=800&h=800" alt="">
            </div>

            <div class="crowdF_main_foot">
                <div class="crowdF_mfoot_bar"></div>
                <div class="crowdF_mfoot_con">
                    <div class="crowdF_mfoot_fl">
                        <span>815</span>
                        人支持
                        <p>火</p>
                    </div>
                    <p class="crowdF_mfoot_fr"><span>326</span><span>%</span></p>
                </div>
            </div>
        </article>

        <article class="crowdF_other">
            <div class="crowdF_other_intr">
                <div>
                    <p class="crowdF_intr_title">70迈智能电动车</p>
                    <p class="crowdF_intr_spa">
                        <span class="cisl">￥</span>
                        <span class="cism">2999</span>
                        <span class="cisr">起</span>
                    </p>
                </div>
                <img src="https://img.youpin.mi-img.com/shopmain/a00684ea352bf46bfb24ea9ca5af8aec.png?w=800&h=800" alt="">
            </div>

            <div class="crowdF_other_foot">
                <div class="crowdF_mfoot_bar"></div>
                <div class="crowdF_mfoot_con">
                    <div class="crowdF_mfoot_fl">
                        <span>815</span>
                        人支持
                        <p>火</p>
                    </div>
                    <p class="crowdF_mfoot_fr"><span>326</span><span>%</span></p>
                </div>
            </div>
        </article>

        <article class="crowdF_other">
            <div class="crowdF_other_intr">
                <div>
                    <p class="crowdF_intr_title">70迈智能电动车</p>
                    <p class="crowdF_intr_spa">
                        <span class="cisl">￥</span>
                        <span class="cism">2999</span>
                        <span class="cisr">起</span>
                    </p>
                </div>
                <img src="https://img.youpin.mi-img.com/shopmain/a00684ea352bf46bfb24ea9ca5af8aec.png?w=800&h=800" alt="">
            </div>

            <div class="crowdF_other_foot">
                <div class="crowdF_mfoot_bar"></div>
                <div class="crowdF_mfoot_con">
                    <div class="crowdF_mfoot_fl">
                        <span>815</span>
                        人支持
                        <p>火</p>
                    </div>
                    <p class="crowdF_mfoot_fr"><span>326</span><span>%</span></p>
                </div>
            </div>
        </article>

    </section>

    <!-- 限时抢购 -->
    <section class="panicbuy">
        <div class="panicbuy_title">
            <div class="panicbuy_title_l">
                限时购
                <i class="iconfont icon-31shijian"></i>
                <span>09:00场</span>
                <p><span>00</span>:<span>00</span>:<span>00</span></p>
            </div>
            <p class="panicbuy_title_r">
                <span>更多</span>
                <i class="iconfont icon-fanhui2"></i>
            </p>
        </div>
        
        <article class="panicbuy_main">
            <div class="panicbuy_main_box">
                <span id="panicbuy_main_btnl"><i class="iconfont icon-fanhui1"></i></span>
                <span id="panicbuy_main_btnr"><i class="iconfont icon-fanhui2"></i></span>
                    
                <div class="panicbuy_mainbox_m">
                    <div class="panicbuy_main_goods">
                    <div class="panicbuy_maing_t"><img src="https://img.youpin.mi-img.com/shopmain/eab64a64d540127ac9023a82047b1462.jpg" alt=""></div>           
                    <div class="panicbuy_maing_b">
                        <p>水肌美玻尿酸原液</p>
                        <p>
                            <span>￥</span>
                            <span>79</span>
                            <span>起</span>
                            <del>￥139</del>
                        </p>
                    </div>
                    </div>
                </div>
             

            </div>
        </article>
    </section>

    <!-- 每日新品 -->
    <section class="newgoods">
        <div class="newgoods_title">
            <div class="newgoods_title_l">
                每日新品
                <span>每日10点&nbsp;&nbsp;惊喜不断</span>
            </div>
            <p class="newgoods_title_r">
                <span>更多</span>
                <i class="iconfont icon-fanhui2"></i>
            </p>
        </div>
        <article class="newgoods_main">
            <div class="newgoods_main_box">
                <span id="newgoods_main_btnl"><i class="iconfont icon-fanhui1"></i></span>
                <span id="newgoods_main_btnr"><i class="iconfont icon-fanhui2"></i></span>

                <!-- 框框 -->
                <div id="newgoods_mainbox_m">
                    
                    <!-- <div class="newgoods_main_goods">
                        <div class="newgoods_maing_t"><img src="https://img.youpin.mi-img.com/shopmain/bafd26bfb5b2abd5b9b6ab413110c10f.jpg" alt=""></div>           
                        <div class="newgoods_maing_b">
                            <p>宝得适安全座椅</p>
                            <p>Britax宝得适/百代适超级百变王...</p>
                            <p>
                                <span>￥</span>
                                <span>79</span>
                                <span></span>
                            </p>
                        </div>
                    </div> -->
                </div>
               
                
            </div>
        </article>
    </section>

    <section class="recommend clear_fix"> 
        <h2>专属推荐</h2>
        <article class="recommend_goods">

            <!-- <article class="recommend_goods_box">
                <div class="recommend_gbox_t">
                    <div>
                        <img src="https://img.youpin.mi-img.com/shopmain/60895c796407823b061930d3e94e7bc3.png@base@tag=imgScale&F=webp&h=800&w=800?w=800&h=800" alt="">
                        <p class="recommend_gbox_tcolor">3色可选</p>
                    </div>
                    <p>视网膜显示屏，内置摄像头，触...</p>
                </div>
                <div class="recommend_gbox_b">
                    <div id="discount"><p class = "discount1"></p><pclass = "discount2"><img src=></p></div>
                    <p>Apple/苹果 10.2 英寸...</p>
                    <p>
                        <span>￥</span>
                        <span>2499</span>
                        <span>起</span>
                    </p>
                </div>
            </article> -->


        </article>
    </section>

    <!-- 页尾 -->
    <footer class="foot">
        <section class="foot_box">
            <article class="foot_box_l"><img src="https://shop.io.mi-img.com/static/h5/static3/media/logo@2x.cf8cc6a8.png" alt="">
            </article>
            <article class="foot_box_r">
                <div class="foot_box_rl">
                    <p>
                        <span>©xiaomiyoupin.com</span>
                        <span>苏B2-20180351 苏ICP备18025642号-1</span>
                        <img src="https://shop.io.mi-img.com/static/h5/static3/media/record-icon.d0289dc0.png" alt="">
                        <span>苏公网安备 32010502010244号</span>
                    </p>
                    <p>
                        <span>企业名称：有品信息科技有限公司</span>
                        <a href="#">关于我们</a>
                        <a href="#">入驻有品</a>
                    </p>
                    <p>
                        <a href="#">小米有品平台运营主体变更公告</a>
                    </p>
                    <p>南京市建邺区白龙江东街8号3栋9层</p>
                </div>
                <div class="foot_box_rr">
                    <img src="https://shop.io.mi-img.com/static/h5/static3/media/f-logo.c6285587.png" alt="">
                </div>
            </article>
        </section>
    </footer>

</body>
<script src="./static/jquery.js"></script>
<script src="./js/move.js"></script>
<script src="./js/ajax.js"></script>
<script src="./js/banner.js"></script>
<script src="./js/bannerTime.js"></script>
<script src="./js/bannerNew.js"></script>
<script src="./js/goods.js"></script>
<script src="./js/list.js"></script>
<script src="./js/logindex.js"></script>
<script src="./js/fixed.js"></script>
<script src="./js/dump.js"></script>
<script src="./js/lazyLoad.js"></script>
</html>